import React from 'react';
import {Button,Input,Form,Row,Col} from 'antd'
import {NavLink} from 'react-router-dom'
import './index.less'

const FormItem = Form.Item
export default class Login extends React.Component{
    render() {
       
        const fromList = {
            labelCol:{span: 8},
            wrapperCol:{span: 13}
        }
        return (
            <div className="login_container">
              <div className="login_content">
                  <div className="login_header">
                      <h1>欢迎光临红浪漫</h1>
                  </div>
                   <div className="login_enem">
                       <Form layout="horizontal">
                            <FormItem label="账号" {...fromList}>
                                  <Input className="ant_ipt" type="text" placeholder="请输入用户名"/>
                            </FormItem>
                            <FormItem label="密码" {...fromList}>
                                  <Input className="ant_ipt" type="passworde" placeholder="请输入密码"/>
                            </FormItem>
                       </Form>
                           
                 </div>
                 <div>
                          <NavLink to="/home">
                            <Button className="ant_btn" type="primary">登录</Button>
                        </NavLink>
                 </div>
                   
              </div>
            </div>
        )
    }
}